<div class="logincomponent">
    <div class="loginwrap">
        <div class="bg">
            <div class="leftwrap">
                <div class="roundmodel"></div>
            </div>
        </div>
        <form nz-form [formGroup]="form" (ngSubmit)="submit()" role="form">
            <nz-alert *ngIf="error" [nzType]="'error'" [nzMessage]="error" [nzShowIcon]="true" class="mb-lg"></nz-alert>
            <div class="copyright">
                <p>{{title}}</p>
                <p class="nav">调度指挥中心系统</p>
            </div>
            <div class="titlename">用户登录</div>
            <div class="usermodel">
                <nz-form-item>
                    <nz-form-control nzErrorTip="请输入正确用户名">
                        <nz-input-group nzSize="large" nzPrefixIcon="user">
                            <input nz-input formControlName="userName" [(ngModel)]="loginId" placeholder="请输入登录名">
                        </nz-input-group>
                    </nz-form-control>
                </nz-form-item>
                <nz-form-item>
                    <nz-form-control nzErrorTip="请输入正确密码">
                        <nz-input-group nzSize="large" nzPrefixIcon="lock">
                            <input nz-input type="password" formControlName="password" [(ngModel)]="loginPwd"
                                placeholder="请输入密码">
                        </nz-input-group>
                    </nz-form-control>
                </nz-form-item>
            </div>
            <div class="buttonmodel">
                <nz-form-item>
                    <button nz-button type="submit" nzType="primary" nzSize="large" [nzLoading]="loading" nzBlock>登录</button>
                </nz-form-item>
            </div>
            <div class="logomodel"><img [src]="copyright"></div>

            <div class="starmodel"></div>
            <div class="linemodel"></div>

            <div class="roundmodel"></div>
            <div class="arrowmodel"></div>
            <div class="camelmodel">
                <span></span>
                <span></span>
                <span></span>
                <span></span>
                <span></span>
                <span></span>
                <span></span>
            </div>
            <div class="rotatemodel">
                <span></span>
                <span><i></i></span>
                <span><i></i></span>
                <span></span>
                <span></span>
                <span></span>
                <span></span>
                <span></span>
                <span></span>
            </div>
        </form>
    </div>
</div>